<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="jquery.min.js"></script>
    <script>
        // bootstrap :http://v3.bootcss.com
        // bootstrap JS插件 
        // bootstrap 框架也是依赖于jQuery开发的，里面的js插件使用必须引入jQuery文件
        // <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
        // <script src="bootstrap/js/jquery.min.js"></>
        // <script src="bootstrap/js/bootstrap.min.js"></>
    </script>
</head>

<body>
    <span></span>
    <script>
        // 多库并存
        // 解决方案 
        $(function() {
            // 1.如果$符号冲突 我们就使用jQuery
            jQuery.each();
            // 2.让jQuery释放对$控制权，让用户自己决定
            var h = jQuery.noConflict();
            h("span");
            h.each();
        });

        // jquery插件 常用网址：http://www.htmleaf.com/
        // 使用步骤：1.引入相关文件，2.复制相关html,css,js

        // 瀑布流
        // 图片懒加载(图片使用延迟加载在可提高网页下载速度，可以帮助减轻服务器负载)
        // 当我们页面滑动到可视区域，在显示图片
        // 使用jquery插件库，EasyLazyload。此时的js引入文件和js调用必须写到所有图片的最后面
        // 全屏滚动
        // 网址：http://github.com/alvarotrigo/fullPage.js/
        // 中文翻译：http://www.dowebok.com/demo/2014/77/
        // bootstrap :http://v3.bootcss.com
        // bootstrap JS插件 
        // bootstrap 框架也是依赖于jQuery开发的，里面的js插件使用必须引入jQuery文件
    </script>

</body>

</html>